<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>show</title>
		<link rel="stylesheet" href="css/common.css" />
		<style>
			.divleft {
				position: absolute;
				top: 0;
				bottom: 0;
				width: 49%;
				background-color: azure;
			}
			
			.divright {
				position: absolute;
				top: 0;
				bottom: 0;
				right: 0;
				width: 49%;
				background-color: azure;
			}
			.divright1{
				position: relative;
				width: 80%;
				height: 80%;
				top: 10%;
				margin: 0 auto;
				background-color: beige;
			}
			.divleft1{
				position: relative;
				width: 90%;
				height: 90%;
				top: 5%;
				margin: 0 auto;
				background-color: beige;
			}
			.table {
				position: relative;
				margin: 0 auto;
				width: 90%;
				height: 94%;
				top: 3%;
			}
		</style>
	</head>

	<body>
		<div class="divbottom">
			<div class="divleft">
				<table class="table" >
					<tr height="50px">
						<td width="50%">
							<input id="allMusic" list="musiclist" />
							<datalist id="musiclist">
							  <option value="没离开过">
							  <option value="看得最远的地方">
							  <option value="越长大越大孤单">
							</datalist>
						</td>
						<td width="50%">
							~
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<div class="divleft1"></div>
						</td>
					</tr>
				</table>
			</div>
			<div class="divright">
				<div class="divright1"></div>
			</div>
		</div>
	</body>

</html>